<template>
  <div>
  <h2>房间信息修改</h2>
    <table class="table table-bordered">
      <tr>
        <td align="right">房型名称:</td>
        <td>
          <input type="text">
        </td>
      </tr>
      <tr>
        <td align="right">价格:</td>
        <td>
          <input type="text">
        </td>
      </tr>
      <tr>
        <td align="right">房间号:</td>
        <td>
          <input type="checkbox" value="201">201
          <input type="checkbox" value="202">202
          <input type="checkbox" value="203">203
          <input type="checkbox" value="204">204<br>
          <input type="checkbox" value="205">205
          <input type="checkbox" value="206">206
          <input type="checkbox" value="207">207
          <input type="checkbox" value="208">208
        </td>
      </tr>
      <tr>
        <td align="right">状态:</td>
        <td>
          <input type="radio" name="state" value="1">启用
          <input type="radio" name="state" value="0">停用
        </td>
      </tr>
      <tr>
        <td align="right"></td>
        <td>
          <input type="button" value="提交" class="btn btn-success" @click="add">
        </td>
      </tr>
    </table>
  </div>
</template>

<script setup lang="ts">
import {ref,reactive,onMounted} from 'vue';
import axios from "axios";
import {useRouter,useRoute} from 'vue-router';
const router = useRouter();
const route = useRoute();

const add = () => {
}
</script>

<style scoped>

</style>